// // 获取页面元素
// const form = document.querySelector("form");
// const areaInput = document.getElementById("area");
// const priceInput = document.getElementById("price");
// const ratioInput = document.getElementById("ratio");
// const yearsInput = document.getElementById("years");
// const surpluslesss = document.getElementById("surplus");
// const resultDiv = document.getElementById("result");;

// // 监听表单提交事件
// form.addEventListener("submit", function (event) {
//   // 阻止表单默认提交行为
//   event.preventDefault();

//   // 获取用户输入值
//   // 思考：获取到的值需要先做数据转换吗？
//   let area = areaInput.value
//   let price = priceInput.value
//   let percentage = ratioInput.value
//   let year = yearsInput.value
//   let surplus = surpluslesss.value




//   // 计算房屋总价、首付款、贷款金额、月供
//   // 房屋总价公式 ： 房屋面积 * 房屋单价
//   // 首付款公式： 总价 * （1 - 按揭成数 / 10）
//   // 贷款金额： 总价 * （按揭成数 / 10）
//   // 月供：贷款金额 / 总月数

//   // 显示结果
//   // 填入对应的结构
//   resultDiv.innerHTML = `
//   <div id="result">
//         <p>银行卡余额 ${area}</p>
//         <p>水费${price}</p>
//         <p>电费${percentage}</p>
//         <p>网费${year}</p>
//         <p>银行卡余额${area - price - percentage - year}</p>
//       </div>
//   `;
// });
